<template>
	<view :class="$store.state.bgColor=='black'?'blacks':'whiles'">
		<view v-if="$store.state.bgColor=='black'" style="height: 10px; background: #1A1C24;"></view>
		<view
			:style="$store.state.bgColor=='black'?'background: #22252F;width: 95%;color:#fff;margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;':'width: 95%;margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;'">
			<view style="height: 25px;"></view>
			<!-- 顶部选项卡 -->
			<view class="scroll-view">
				<view v-for="(item,index) in navsList" :key="index" class="scroll-item"
					:class="tabIndex===index?'scroll-items':'scroll-item'" @click="changesTabs(index)"
					:id="'tab'+index">{{item}}</view>
			</view>

			<swiper :duration="150" :current="tabIndex" @change="onChangeTab"
				:style="'height:'+scrollH+'px;overflow: hidden;width:95%;padding-left:15px'">
				<swiper-item>
					<scroll-view scroll-y="true" enable-flex="true" class="section-area"
						:style="'height:'+scrollH+'px;'">

						<view style="width: 95%; " :ref="'ulists0'">
							<view style="display: flex;  align-items: center; width: 100%; margin-top: 25px;">
								<view style="font-size: 15px; font-weight: bold;width: 30%;">{{i18n.currency}}
								</view>
								<view style="width: 100%; margin-top: 15px;" @click="shows = true">
									<u--input border="none" v-model="values.name" :disabled="true"
										disabledColor="#ffffff" placeholder="" inputAlign="left" style="height: 25px;"
										suffixIcon="arrow-right"
										suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;"></u--input>
								</view>
							</view>
							<view style="display: flex; align-items: center; width: 100%;">
								<view style="font-size: 15px; font-weight: bold;width: 30%;">
									{{i18n.withdrawal_adress}}
								</view>
								<view style="width: 100%; margin-top: 15px;" @click="dshows = true">
									<u--input border="none" v-model="tbvalues" :disabled="true" disabledColor="#ffffff"
										placeholder="" inputAlign="left" style="height: 25px;" suffixIcon="arrow-right"
										suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;"></u--input>
								</view>

							</view>
							<view style="display: flex; align-items: center; width: 100%; ">
								<view style="font-size: 15px; font-weight: bold;width: 30%;">
									{{i18n.number_of_withdrawal}}
								</view>
								<view style="width: 100%; margin-top: 15px;">
									<u--input border="none" :placeholder="i18n.number_of_withdrawal" v-model="cnumber"
										type="number"></u--input>
								</view>

							</view>
							<view style="display: flex; align-items: center; width: 100%; ">
								<view style=";font-size: 15px; font-weight: bold;width: 30%;">{{i18n.remarks}}
								</view>
								<view style="width: 100%; ">
									<u--textarea border="none" v-model="remarks" :placeholder="i18n.remarks"
										autoHeight></u--textarea>
								</view>

							</view>

							<view
								:style="$store.state.bgColor=='black'?'display: flex; flex-direction: column; background: #333748; align-items: center; width: 100%; font-size: 12px; margin-top: 15px; color: #6D6F7C;':'display: flex; flex-direction: column; background: #F7F9FE; align-items: center; width: 100%; font-size: 12px; margin-top: 15px; color: #6D6F7C;'">

								<view
									style="display:flex; justify-content: space-between; width: 90%; margin-top: 13px;">
									<text>{{i18n.hand_fee}}</text>
									<text>{{rateses}}</text>
								</view>
								<view
									style="display:flex; justify-content: space-between; width: 90%; margin-top: 13px;">
									<text>{{i18n.estimated_amount}}</text>
									<text>{{jbnumber}} USD</text>
								</view>
								<view
									style="display:flex; justify-content: space-between; width: 90%; margin-top: 13px; margin-bottom: 13px;">
									<text>{{i18n.balance}}</text>
									<text>{{users.usdt}} USD</text>
								</view>

							</view>
							<view style="width:100%">
								<button @click="tsubmit()" :loading="loading" :disabled="disableds" loadingText=""
									loadingSize="30" style="background: #0166fc; margin-top: 20px; border-radius: 1000rpx;
																		    border: 0;   font-size: 12px; height: 45px; color: #FFFFFF;
								line-height: 45px !important;">{{i18n.withdrawal_}}</button>
							</view>
						</view>


					</scroll-view>
				</swiper-item>

				<swiper-item>
					<scroll-view scroll-y="true" enable-flex="true" class="section-area"
						:style="'height:'+scrollH+'px;'">

						<view style="width: 95%; " :ref="'ulists1'">
							<view
								style="display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 25px;">
								<view style="flex: 1;font-size: 15px; font-weight: bold;width: 100%;">{{i18n.currency}}
								</view>
								<!-- <view style="width: 100%; margin-top: 15px;">
									<u--input v-model="hnames" :disabled="true"
										disabledColor="#ffffff" placeholder="" inputAlign="left" style="height: 25px;"
										
										suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;"></u--input>
									<!-- <text>USDT</text> -->
								<!-- <u--input v-model="yhvalues.name" :disabled="true"
										disabledColor="#ffffff" placeholder="" inputAlign="left" style="height: 25px;"
										suffixIcon="arrow-right"
										suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;"></u--input> -->
								<!-- </view> -->
								<view style="width: 100%; margin-top: 10px;" v-if="$store.state.bgColor=='black'"
									@click="yhshows = true"><u--input v-model="cjyhvalues.name" :disabled="true"
										disabledColor="#22252F" placeholder="" inputAlign="left" style="height: 33px;"
										suffixIcon="arrow-right" class="bsone" color="#ffffff"
										suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;"></u--input>
								</view>


								<view style="width: 100%; margin-top: 10px;" v-if="$store.state.bgColor=='while'"
									@click="yhshows = true"><u--input v-model="cjyhvalues.name" :disabled="true"
										disabledColor="#ffffff" placeholder="" inputAlign="left" style="height: 33px;"
										suffixIcon="arrow-right"
										suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;"></u--input>
								</view>





							</view>
							<view
								style="display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 20px;">
								<view style="flex: 1;font-size: 15px; font-weight: bold;width: 100%;">
									{{i18n.reipient_account}}
								</view>
								<view style="width: 100%; margin-top: 15px;" @click="yhdshows = true">
									<!-- #ifndef APP-NVUE -->
									<u-input v-model="yhtbvalues" :disabled="true" disabledColor="#ffffff"
										placeholder="" inputAlign="left" style="height: 25px;" suffixIcon="arrow-right"
										suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;">
									<!-- #endif -->
										<!-- #ifdef APP-NVUE -->
										<u--input v-model="yhtbvalues" :disabled="true" disabledColor="#ffffff"
											placeholder="" inputAlign="left" style="height: 25px;"
											suffixIcon="arrow-right"
											suffixIconStyle="color: #909399;font-size:16px;font-weight: bold;">
										<!-- #endif -->
											<u--text :text="yhnames" slot="prefix" margin="0 3px 0 0"
												type="tips"></u--text>
									<!-- #ifndef APP-NVUE -->
									</u-input>
									<!-- #endif -->
									<!-- #ifdef APP-NVUE -->
									</u--input>
									<!-- #endif -->
								</view>

							</view>
							<view
								style="display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 20px;">
								<view style="flex: 1;font-size: 15px; font-weight: bold;width: 100%;">
									{{i18n.number_of_withdrawal}}
								</view>
								<view style="width: 100%; margin-top: 15px;"> <u--input
										:placeholder="i18n.number_of_withdrawal" v-model="yhcnumber"
										type="number"></u--input></view>

							</view>
							<view
								style="display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 20px;">
								<view style="flex: 1;font-size: 15px; font-weight: bold;width: 100%;">{{i18n.remarks}}
								</view>
								<view style="width: 100%; margin-top: 15px;"> <u--textarea :maxlength="maxNumber"
										v-model="yhremarks" placeholder="" count></u--textarea></view>

							</view>

							<view
								:style="$store.state.bgColor=='black'?'display: flex; flex-direction: column; background: #333748; align-items: center; width: 100%; font-size: 12px; margin-top: 15px; color: #6D6F7C;':'display: flex; flex-direction: column; background: #F7F9FE; align-items: center; width: 100%; font-size: 12px; margin-top: 15px; color: #6D6F7C;'">
								<view
									style="flex: 1;font-size: 15px; font-weight: bold;width: 90%; color: #222222; margin-top: 13px;">
									{{i18n.details}}
								</view>
								<view
									style="display:flex; justify-content: space-between; width: 90%; margin-top: 13px;">
									<text>{{i18n.hand_fee}}</text>
									<text>{{yhrateses}}</text>
								</view>
								<view
									style="display:flex; justify-content: space-between; width: 90%; margin-top: 13px;">
									<text>{{i18n.estimated_amount}}</text>
									<text>{{yhsnumber}} USD</text>
								</view>
								<view
									style="display:flex; justify-content: space-between; width: 90%; margin-top: 13px; margin-bottom: 13px;">
									<text>{{i18n.balance}}</text>
									<text>{{users.usdt}} USD</text>
								</view>

							</view>
							<view style="width:100%">
								<button @click="yhtsubmit()" :loading="loading" loadingText="" style="background: #3F47F4; margin-top: 20px;
																		    border: 0;   font-size: 12px; height: 55px; color: #FFFFFF;
								line-height: 55px !important;">{{i18n.withdrawal_}}</button>
							</view>
						</view>


					</scroll-view>
				</swiper-item>
			</swiper>


		</view>
		<u-picker :show="yhshows" v-if="$store.state.bgColor=='black'" ref="yhuPicker" :itemHeight="100"
			:defaultIndex="yhdfindex" :columns="yhcolumns" keyName="name" @cancel="yhcancel" @confirm="yhconfirm" :cancelText="i18nOther.cancel" :confirmText="i18nOther.confirm"
			style="border-radius: 18px;background: #222;" class="bnsss"></u-picker>

		<u-picker v-if="$store.state.bgColor=='while'" :show="yhshows" ref="yhuPicker" :itemHeight="100"
			:defaultIndex="yhdfindex" :columns="yhcolumns" keyName="name" @cancel="yhcancel" @confirm="yhconfirm" :cancelText="i18nOther.cancel" :confirmText="i18nOther.confirm"
			style="border-radius: 18px;background: #fff;" class="wnsss"></u-picker>

		<u-picker :show="shows" ref="uPicker" v-if="$store.state.bgColor=='black'" :itemHeight="100"
			:defaultIndex="dfindex" :columns="columns" keyName="name" @cancel="cancel" @confirm="confirm" :cancelText="i18nOther.cancel" :confirmText="i18nOther.confirm"
			style="border-radius: 18px;background: #222;" class="bnsss"></u-picker>

		<u-picker :show="shows" ref="uPicker" v-if="$store.state.bgColor=='while'" :itemHeight="100"
			:defaultIndex="dfindex" :columns="columns" keyName="name" @cancel="cancel" @confirm="confirm" :cancelText="i18nOther.cancel" :confirmText="i18nOther.confirm"
			style="border-radius: 18px;background: #fff;" class="wnsss"></u-picker>



		<u-picker :show="dshows" ref="duPicker" v-if="$store.state.bgColor=='black'" :itemHeight="100"
			:defaultIndex="ddfindex" :columns="walletAddress" @cancel="dcancel" @confirm="dconfirm" :cancelText="i18nOther.cancel" :confirmText="i18nOther.confirm"
			style="border-radius: 18px;background: #222;" class="bnsss" keyName="account"></u-picker>
		<u-picker :show="dshows" ref="duPicker" v-if="$store.state.bgColor=='while'" :itemHeight="100"
			:defaultIndex="ddfindex" :columns="walletAddress" @cancel="dcancel" @confirm="dconfirm" :cancelText="i18nOther.cancel" :confirmText="i18nOther.confirm"
			style="border-radius: 18px;background: #fff;" class="wnsss" keyName="account"></u-picker>

		<u-picker :show="yhdshows" ref="yhduPicker" v-if="$store.state.bgColor=='black'" :itemHeight="100"
			:defaultIndex="yhddfindex" :columns="yhwalletAddress" keyName="account" @cancel="yhdcancel"
			@confirm="yhdconfirm" style="border-radius: 18px;background: #222;" class="bnsss"></u-picker>

		<u-picker :show="yhdshows" v-if="$store.state.bgColor=='while'" ref="yhduPicker" :itemHeight="100"
			:defaultIndex="yhddfindex" :columns="yhwalletAddress" keyName="account" @cancel="yhdcancel" :cancelText="i18nOther.cancel" :confirmText="i18nOther.confirm"
			@confirm="yhdconfirm" style="border-radius: 18px;background: #fff;" class="wnsss"></u-picker>




	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		data() {
			return {
				navsList: [],
				tabIndex: 0,
				scrollInto: "",
				remarks: "",
				disableds: false,
				yhremarks: "",
				loading: false,
				currency: 0,
				yhcurrency: 0,
				scrollH: 658,
				values: '',
				cjyhvalues: '',
				yhvalues: '',
				hnames: 'USDT',
				jbnumber: 0,
				yhsnumber: 0,
				dfindex: [0],
				ddfindex: [0],
				yhdfindex: [0],
				coin_trade_fee: 0,
				yhddfindex: [0],
				yhcoin_trade_fee: 0,
				cnumber: null,
				yhcnumber: null,
				maxNumber: 30,
				rates: 0,
				rateses: 0,
				yhrateses: 0,
				yhnames: "",
				shows: false,
				yhshows: false,
				yhdshows: false,
				dshows: false,
				tbvalues: '',
				yhtbvalues: '',
				resData: null,
				walletAddress: [],
				yhwalletAddress: [],
				yhbzid: 0,
				szhbbzid: 0,
				yhcolumns: [

				],
				columns: [
					['USDT-TRC20']
				],
				tbcolumns: [
					['123456789123456789', '200', '300']
				]
			}
		},
		onNavigationBarButtonTap() {
			uni.navigateTo({
				url: "/pages/users/cjrecord/cjrecord"
			})
		},
		watch: {

			cjyhvalues: function(val) {

				const has = this.yhcolumns[0].find(item => item.name == val.name)

				if (has) {


					this.yhcoin_trade_fee = has.rate
				}




				uni.showLoading({
					title: "",
				})

				const ressCach = this.$H.get('/api/v1/cashInfo', false, {
					digital_bank_id: val.id
				}).then(res => {

					uni.hideLoading();
					var wAddress = []
					var wAddressList = []
					if (res.type == "ok") {


						res.data.map(item => {

							wAddress.push({
								"account": item.bank_account,
								"bank_name": item.bank_name,
								"id": item.id
							})

						})



						wAddressList.push(wAddress)
						this.yhwalletAddress = wAddressList
						console.log(this.yhwalletAddress)
						this.yhbzid = this.yhwalletAddress[0][0].id
						this.yhtbvalues = this.yhwalletAddress[0][0].account
						this.yhnames = this.yhwalletAddress[0][0].bank_name
					}
				})


			},
			yhtbvalues: function(val) {

				const has = this.yhwalletAddress[0].find(item => item.account == val)






				if (has) {


					this.yhbzid = has.id
				}


			},
			yhcnumber: function(val) {

				this.yhrateses = val * this.yhcoin_trade_fee
				this.yhsnumber = val - this.yhrateses

			},
			cnumber: function(val) {

				this.rateses = val * this.coin_trade_fee
				this.jbnumber = val - this.rateses

			},
			yhvalues: function(val) {
				// alert(val)
				// const ressCachs =  this.$H.post('/api/v1/wallet/detail',false,{
				// 	currency:val.currency_id,type:"change"
				// }).then(res => {


				// 	console.log("uuuuucashInfocashInfocashInfocashInfocashInfocashInfocashInfo")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 							console.log(res)	  
				// 						if(res.type=="ok"){

				// 						this.yhcoin_trade_fee=res.data.coin_trade_fee

				// 						}
				// 			})	

			},
			tbvalues: function(val) {


				const has = this.walletAddress[0].find(item => item.account == val)






				if (has) {


					this.szhbbzid = has.id
				}

			},
			values: function(val) {


				const ressCachs = this.$H.get('/api/v1/usdtInfo', false, {
					digital_currency_id: val.id
				}).then(res => {

					if (res.type == "ok") {

						var wAddress = []
						var wAddressList = []
						res.data.map(item => {
							wAddress.push({
								"account": item.account,
								"id": item.id
							})
						})

						wAddressList.push(wAddress)




						this.walletAddress = wAddressList

						this.tbvalues = this.walletAddress[0][0].account

						// this.szhbbzid=this.walletAddress[0][0].id
						const has = res.data.find(item => item.digital_currency.agreement == val.name)


						if (has) {
							this.coin_trade_fee = has.digital_currency.rate
						}

					}
				})










				// const walletList =  this.$H.post('/api/v1/userWalletList',false,{
				// 	currency:val.currency_id
				// }).then(res => {



				// 							console.log(res)	  
				// 						var wAddress=[]
				// 						var wAddressList=[]
				// 						console.log("uuuuugggggggggggggggggggggggggggggggggggggg")
				// 						console.log("gggggggggggggggggggggggggggggggggggggg")

				// 												console.log(res)	  
				// 										    if(res.type=="ok"){


				// 											   	  res.data.data.map(item=>{
				// 											   		 wAddress.push(item.address)

				// 											   		  })



				// 												wAddressList.push(wAddress)
				// 												this.walletAddress=wAddressList  
				// 												this.tbvalues = this.walletAddress[0][0]
				// 											}
				// 			})				

			}
		},
		onShow() {


		},
		onLoad() {


			//this.tbvalues = this.tbcolumns[0][0]
			this.getData()
			const {
				i18n
			} = this
			this.navsList.push(i18n.digital_currency)
			// this.navsList.push(i18n.bank_card)
			if (this.$store.state.bgColor == 'black') {
				uni.setNavigationBarColor({
					frontColor: '#ffffff', // 导航栏标题颜色，只能是'black'或'white'
					backgroundColor: '#22252F'
				});
			}

			// const _this = this
			// uni.setNavigationBarTitle({
			// 	title:i18n.withdrawal
			// })
			this.$nextTick(() => {
				document.querySelectorAll('.uni-page-head .uni-page-head-ft .uni-page-head-btn')[0].querySelector(
					'.uni-btn-icon').innerText = i18n.withdrawal_record;
			})
		},
		computed: {
			i18n() {
				return this.$t("out")
			},
			i18nOther() {
				return this.$t("other")
			},
			...mapState({
				lgStatus: state => state.lgStatus,
				users: state => state.users
			})
		},
		methods: {

			yhconfirm(e) {
				const {
					columnIndex,
					value,
					yhvalues, // values为当前变化列的数组内容
					index,
					// 微信小程序无法将picker实例传出来，只能通过ref操作
					picker = this.$refs.yhuPicker
				} = e
				this.cjyhvalues = value[0]
				// this.yhcurrency = value[0].id;
				this.yhshows = false
			},
			yhcancel(e) {
				this.yhshows = false
			},
			confirm(e) {
				const {
					columnIndex,
					value,
					values, // values为当前变化列的数组内容
					index,
					// 微信小程序无法将picker实例传出来，只能通过ref操作
					picker = this.$refs.uPicker
				} = e
				this.values = value[0]
				this.currency = value[0].id;
				this.shows = false
			},
			cancel(e) {
				this.shows = false
			},
			dconfirm(e) {
				const {
					columnIndex,
					value,
					values, // values为当前变化列的数组内容
					index,
					// 微信小程序无法将picker实例传出来，只能通过ref操作
					picker = this.$refs.duPicker
				} = e


				this.tbvalues = value[0].account;
				//this.multiple0 = value[0];
				this.dshows = false
			},
			dcancel(e) {
				this.dshows = false
			},
			yhdconfirm(e) {
				const {
					columnIndex,
					value,
					yhtbvalues, // values为当前变化列的数组内容
					index,
					// 微信小程序无法将picker实例传出来，只能通过ref操作
					picker = this.$refs.yhduPicker
				} = e

				//this.multiple0 = value[0];
				this.yhtbvalues = value[0].account
				this.yhnames = value[0].bank_name
				this.yhdshows = false
			},
			yhdcancel(e) {
				this.yhdshows = false

			},
			tsubmit() {
				this.loading = true
				this.disableds = true
				// if(this.cnumber<=0)
				// {
				// 	 uni.$u.toast("请输入提币数量");
				// 	return false
				// }
				// if(!this.tbvalues)
				// {
				// 	uni.$u.toast("请选择提币地址");
				// 	return false
				// }
				this.currency = 1

				let rates = this.cnumber * this.coin_trade_fee
				const res = this.$H.post('/api/v1/postWalletOut', false, {
					money: "USDT",
					type: 0,
					currency: this.currency,
					number: this.cnumber,
					rate: rates,
					address: this.tbvalues,
					remark: this.remarks,
					wallet_id: this.szhbbzid
				}).then(res => {
					this.loading = false
					this.disableds = false
					if (res.type == "ok") {
						uni.$u.toast(res.message);
						this.cnumber = 0
						this.remarks = ""
					}
				})
			},
			yhtsubmit() {
				this.loading = true
				this.disableds = true
				// if(this.yhcnumber<=0)
				// {
				// 	 uni.$u.toast("请输入提币数量");
				// 	return false
				// }

				this.yhcurrency = 1

				let rates = this.yhcnumber * this.yhcoin_trade_fee
				const res = this.$H.post('/api/v1/postWalletOutBank', false, {

					wallet_id: this.yhbzid,
					number: this.yhcnumber,
					remark: this.yhremarks
				}).then(res => {
					this.loading = false
					this.disableds = false
					if (res.type == "ok") {
						uni.$u.toast(res.message);
						this.yhcnumber = 0
						this.yhremarks = ""
					}
				})
			},
			getData() {



				const res1 = this.$H.get('/api/v1/extractBank', false).then(res => {

					if (res.type == "ok") {
						var currency = []
						var currencyList = []

						res.data.map(item => {
							currency.push({
								"name": item.name,
								"id": item.id,
								"rate": item.rate

							})
						})
						// currency.push(
						// {
						// 	"name":'USDT-TRC20',
						// 	"id":res.data.trc20

						// }
						// )


						currencyList.push(currency)
						this.yhcolumns = currencyList

						this.cjyhvalues = this.yhcolumns[0][0]

						// this.yhcoin_trade_fee=this.cjyhvalues.rate

					}
				})










				const res = this.$H.get('/api/v1/extractCurrency', false).then(res => {

					if (res.type == "ok") {
						var currency = []
						var currencyList = []

						res.data.map(item => {
							currency.push({
								"name": item.agreement,
								"id": item.id

							})
						})
						// currency.push(
						// {
						// 	"name":'USDT-TRC20',
						// 	"id":res.data.trc20

						// }
						// )



						currencyList.push(currency)
						// this.yhcolumns=currencyList
						this.columns = currencyList

						console.log(this.columns)
						this.values = this.columns[0][0]
						this.currency = this.columns[0][0].id
						this.values = this.columns[0][0]
						this.yhvalues = this.columns[0][0]
						this.currency = this.columns[0][0].id
						this.yhcurrency = this.columns[0][0].id

					}
				})




				// const res =  this.$H.get('/api/v1/quotation_new',false).then(res => {
				// 							console.log(res)	  
				// 					    if(res.type=="ok"){
				// 							var currency=[]
				// 							var currencyList=[]
				// 						    this.resData =  res.data[0].quotation
				// 								  res.data[0].quotation.map(item=>{
				// 									 currency.push(
				// 									 {
				// 										 "name":item.currency_name+"-"+item.legal_name,
				// 										 "id":item.id,
				// 										 "currency_id":item.currency_id

				// 									 }
				// 									 )

				// 									  })


				//                                   currencyList.push(currency)
				// 							   this.yhcolumns=currencyList
				// 							   this.columns=currencyList  

				// 							console.log(this.columns)
				// 							this.values = this.columns[0][0]
				// 							this.yhvalues = this.columns[0][0]
				// 							this.currency=this.columns[0][0].id
				// 						    this.yhcurrency=this.columns[0][0].id
				// 						}
				// 			})

				// const ress =  this.$H.post('/api/v1/userWalletList',false).then(res => {

				// 	var wAddress=[]
				// 	var wAddressList=[]
				// 	console.log("uuuuugggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 	console.log("gggggggggggggggggggggggggggggggggggggg")
				// 							console.log(res)	  
				// 					    if(res.type=="ok"){


				// 						   	  res.data.data.map(item=>{
				// 						   		 wAddress.push(item.address)

				// 						   		  })



				// 							wAddressList.push(wAddress)
				// 							this.walletAddress=wAddressList  
				// 							this.tbvalues = this.walletAddress[0][0]
				// 						}
				// 			})	

				const ressCach = this.$H.get('/api/v1/cashInfo', false, {
					money: this.cjyhvalues.name
				}).then(res => {

					var wAddress = []
					var wAddressList = []

					if (res.type == "ok") {


						res.data.map(item => {
							wAddress.push({
								"account": item.bank_account,
								"bank_name": item.bank_name
							})

						})



						wAddressList.push(wAddress)
						this.yhwalletAddress = wAddressList
						if (this.yhwalletAddress[0][0].account) {
							this.yhtbvalues = this.yhwalletAddress[0][0].account
						} else {
							console.error('Account is undefined');
						}
						this.yhnames = this.yhwalletAddress[0][0].bank_name
					}
				})





			},
			changesTabs(id) {
				if (this.tabIndex === id) {
					return;
				}
				this.tabIndex = id;
				this.scrollInto = 'tab' + id;
			},
			onChangeTab(e) {
				this.changesTabs(e.detail.current)
			}


		}
	}
</script>

<style>
	.bnsss /deep/.uni-picker-view-mask {
		background: inherit;
	}

	.bnsss /deep/.u-picker__view__column__item {
		color: #fff;
	}

	.bnsss /deep/.u-popup__content {

		border-radius: 10px;
		background: #222;
	}

	.wnsss /deep/.u-popup__content {

		border-radius: 10px;
	}

	.scroll-view {
		width: 95% !important;
		height: 85rpx;
		line-height: 85rpx;
		white-space: nowrap;
		background: #F5F6FA;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border-radius: 148px;

	}

	uni-button {
		line-height: 30px !important;
		color: #FFFFFF !important;
		font-size: 14px !important;
	}

	.scroll-view .scroll-items {
		display: inline-block;
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		background: #0166fc !important;
		border-radius: 6px;
		color: #ffffff !important;
		font-weight: bold;
		font-size: 14px;
	}

	.scroll-view .scroll-item {
		display: inline-block;
		width: 100%;
		line-height: 85rpx;
		height: 85rpx;
		text-align: center;
		border-radius: 148px;
		color: #626779;
		font-size: 14px;

	}

	.section-area ::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}

	.blacks {
		background: #22252F;
	}

	.whiles {
		background: #fff;
	}

	/deep/.uni-scroll-view-content {
		overflow: hidden !important;
	}

	.blacks /deep/.u-border {
		border-color: #333748 !important;
	}

	.blacks /deep/.uni-input-input {
		color: #fff;
		padding: 0 !important;
	}

	.u-textarea[data-v-81cd9d32] {
		padding-left: 0;
	}

	.blacks .u-input[data-v-fdbb9fe6] {
		/* padding: 12px 9px !important; */
		background-color: #ffffff;
	}

	.blacks .u-input {
		/* padding: 12px 9px !important; */
		background-color: #222 !important;
		/* border: 1px solid #373944 !important; */
		color: #222 !important;
	}

	.blacks .u-textarea {
		background: #222;
		color: #fff;
	}

	.blacks /deep/.u-textarea__field {
		color: #fff;
	}

	page {
		position: inherit;
		overflow: initial;
	}
</style>